// 透明颜色
$transparent: transparent;
// 白色
$white: var(--white, #fff);
//黑色
$black: var(--black, #000);
// 灰色填充
$fill-gray: var(--fill-gray, #acbcd9);
// 通用亮色文字 例如白色文字
$text-bright: var(--text-bright, #dae7ff);
// disable 颜色
$text-disabled: var(--text-disabled, #516585);
// 常规文字颜色
$text-common: var(--text-common, #dae7ff);
// 按钮disable  表单等的左侧label颜色
$text-secondary: var(--text-secondary, #acbcd9);
// 输入提示文字
$text-placeholder: var(--text-placeholder, #606e84);
// 蓝色主题颜色 菜单选中  菜单鼠标经过 选中 可点击文字按钮的颜色
$text-primary: var(--text-primary, #478eff);
// 告警提示等文字颜色 删除按钮文字颜色
$text-red: var(--text-red, #ff4d4f);
// 警告色 黄色
$text-yellow: var(--text-yellow, #ffba00);
// 绿色 例如已审核等文字的颜色
$text-green: var(--text-green, #38b77c);

// body背景色
$bg-body: var(--bg-body, #051939);
// 页面背景色
$bg-page: var(--bg-page, #1b2f4f);
// 头部背景填充色
$bg-header: var(--bg-header, #1a2e4e);
$bg-header-border: var(--bg-header-border, #263f68);
$bg-bright: var(--bg-bright, #fff);
$bg-light: var(--bg-light, #dadada);
$bg-warning: var(--bg-warning, #ffba00);

// 右侧底部背景色
$bg-main: var(--bg-main, #1b2f4f);
$bg-primary: var(--bg-primary, #409eff);

// 弹窗阴影 深色阴影
$custom-msg-boxshadow: rgba(0, 0, 0, 0);
// 阴影light  例如高级搜索弹框
$boxshadow-light: var(--boxshadow-light, rgba(218, 231, 255, 0.15));
// 内框  白色背景区域的边框色
$border-light: var(--border-light, #2a4062);
$border-primary: var(--border-primary, #478eff);
$border-success: var(--border-success, #35b849);
$border-info: var(--border-info, #3b3f4c);
$border-warning: var(--border-warning, #ffba00);
$border-danger: var(--border-danger, #ff4a4d);
/** 表格 begin **/
// 头部文字颜色
$table-thead-text: var(--table-thead-text, #dae7ff);
// 内容文字颜色
$table-tbody-text: var(--table-tbody-text, #acbcd9);
// 边线
$table-border: var(--table-border, #364b6e);
// 头部背景色
$table-header-bg: var(--table-header-bg, #364b6e);
// 鼠标经过背景色
$table-bg-hover: var(--table-bg-hover, rgba(#364b6e, 0.3));
/** 表格 end **/
/** 左侧菜单 begin **/
// 常态文字颜色
$menu-text-normal: var(--menu-text-normal, #acbcd9);
$menu-text-active: var(--menu-text-active, #dae7fe);
// 常态背景色
$menu-bg-normal: var(--menu-bg-normal, #1e3559);
// 经过背景色
$menu-bg-hover: var(--menu-bg-hover, rgba(#364b6e, 0.3));
// 选中背景色
$menu-bg-active: var(--menu-bg-active, #1a2d4d);
/** 左侧菜单 end **/
/** 头部菜单 begin **/
// 文字颜色
$head-menu-text: var(--head-menu-text, #dae7ff);
// 鼠标经过背景色
$head-menu-bg-hover: var(--head-menu-bg-hover, rgba(#091a36, 0.5));
// 选中背景色
$head-menu-bg-active: var(--head-menu-bg-active, #091a36);
/** 头部菜单 end **/
/** 弹框 begin **/
// 头部文字颜色
$dialog-header-text: var(--dialog-header-text, #dae7ff);
// 内容提示文字 mesagebox
$dialog-msgbox-text: var(--dialog-msgbox-text, #dae7ff);
// 头部背景色
$dialog-header-bg: var(--dialog-header-bg, #516585);
// 内容背景色
$dialog-body-bg: var(--dialog-body-bg, #1b2f4f);
// 头部底下的边框颜色
$dialog-header-border: var(--dialog-header-border, #516585);
/** 弹框 end **/
/** 车辆树组件 begin **/
$car-tree-list-title-bg: var(--car-tree-list-title-bg, #364b6e);
/** 车辆树组件 end **/

/* 目录组件/ 预览树 */
$catalog-title-bg: var(--catalog-title-bg, #2a4062);
$catalog-body-bg: var(--catalog-body-bg, #1e3559);
/*目录组件/预览树end*/

/* tabs 选中 */
$tabs-active-bg: var(--tabs-active-bg, #304363);
$tabs-active-text: var(--tabs-active-text, #dae7ff);
/* tabs 选中 end */

/* 监控中心 */
$map-bg: var(--map-bg, #041838);
$cars-legend-bg: var(--cars-legend-bg, rgba(#137199, 0.8));
$map-bottom-list-bg: var(--map-bottom-list-bg, #364b6e);
$map-tool-bg: var(--map-tool-bg, #0a4862);
$map-car-border: var(--map-car-border, #46679b);
$tree-warp-bg: var(--tree-warp-bg, #132844);
$map-tool-split: var(--map-tool-split, #acbcd9);
$cars-legend-split: var(--cars-legend-split, #fff);
/* 监控中心 end */

/*视频背景颜色*/
$bg-video: var(--bg-video, #061a3a);
$bg-video-time-line: var(--bg-video, #364b6e);
/*视频背景颜色end*/

/*ls-icon背景*/
$rficon-plus-bg: var(--rficon-plus-bg, #409eff);
$rficon-minus-bg: var(--rficon-plus-bg, #ff4d4f);
$rficon-delete-bg: var(--rficon-plus-bg, #46679b);
$rficon-radio-bg: var(--rficon-plus-bg, #516585);
$rficon-radioed-bg: var(--rficon-plus-bg, #478eff);
/*ls-icon背景 end*/

/*首页渐变背景*/
$yellow-start: var(--yellow-start, #ae835d);
$yellow-end: var(--yellow-end, #46608a);
$blue-start: var(--blue-start, #4c9272);
$blue-end: var(--blue-end, #465e85);
$item-bg: var(--item-bg, #31486d);
$border-bg: var(--border-bg, #3d5b8a);
$cell-bg: var(--cell-bg, #283e61);
$main-bg: var(--main-bg, #ffffff);
/*首页背景 end*/
